<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="base" uri="http://qdbp.gitee.io/tags/base/"%>

<div class="pure-panel container-fluid">
	<form class="pure-box form-horizontal" method="POST" data-options="novalidate:true">
		<dt>
			<i class="fa fa-user"></i> <span>对话框测试</span>
		</dt>
		<dd>
			<div class="buttons">
				<a href="javascript:void(0)" class="x-linkbutton" data-options="xpopup:'x-large',iconCls:'fa fa-th-large'">超大</a>
				<a href="javascript:void(0)" class="x-linkbutton" data-options="xpopup:'large',iconCls:'fa fa-th-list'">大</a>
				<a href="javascript:void(0)" class="x-linkbutton" data-options="xpopup:'normal',iconCls:'fa fa-list'">小</a>
			</div>
		</dd>
	</form>
</div>

<div class="hide">
	<div class="x-dialog container-fluid" title="超大对话框" data-options="xpopup:'x-large',modal:true,width:'90%',height:'90%',iconCls:'fa fa-th-large'">
		<form class="pure-box form-horizontal" method="POST">
			<dd>
				<div class="sub-title">
					<div class="bg">司机信息</div>
				</div>
				<div class="spacer-right">
					<div class="row">
						<div class="col-md-10">
							<div class="form-group">
								<div class="col-md-2 control-label">姓名</div>
								<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
								<div class="col-md-2 control-label">联系电话</div>
								<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="phone" data-options="required:true"/></div>
							</div>
							<div class="form-group">
								<div class="col-md-2 control-label">出生日期</div>
								<div class="col-md-4 control-input"><input class="x-datebox" type="text" name="birthday" data-options="editable:false"/></div>
								<div class="col-md-2 control-label">性别</div>
								<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="gendar" data-options="editable:false"/></div>
							</div>
							<div class="form-group">
								<div class="col-md-2 control-label">身份证号</div>
								<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="identityCode" data-options="editable:false"/></div>
								<div class="col-md-2 control-label">民族</div>
								<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="nation" data-options="editable:false"/></div>
							</div>
							<div class="form-group">
								<div class="col-md-2 control-label">家庭住址</div>
								<div class="col-md-10 control-input"><input class="x-textbox" type="text" name="address" data-options=""/></div>
							</div>
						</div>
						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									<div class="img-box portrait"><img class="" /></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</dd>
			<dd>
				<div class="sub-title">
					<div class="bg">入库信息</div>
				</div>
				<div class="spacer-right">
					<div class="row">
						<div class="col-md-10">
							<div class="form-group">
								<div class="col-md-2 control-label">智能卡号</div>
								<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
							</div>
							<div class="form-group">
								<div class="col-md-2 control-label">车牌号码</div>
								<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
								<div class="col-md-2 control-label">供应商</div>
								<div class="col-md-4 control-input">
									<div class="row">
										<div class="col-md-8 pr-clear">
											<input class="x-combobox" type="text" name="phone" data-options="required:true"/>
										</div>
										<div class="col-md-4">
											<a href="javascript:void(0)" class="x-linkbutton" data-options="xpopup:'createsupplier',iconCls:'fa fa-plus',fillData:false">新增</a>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-md-2 control-label">运输方式</div>
								<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="birthday" data-options="editable:false"/></div>
								<div class="col-md-2 control-label">粮食产地</div>
								<div class="col-md-4 control-input">
									<div class="row">
										<div class="col-md-8 pr-clear">
											<input class="x-combobox" type="text" name="phone" data-options="required:true"/>
										</div>
										<div class="col-md-4">
											<a href="javascript:void(0)" class="x-linkbutton" data-options="xpopup:'createsupplier',iconCls:'fa fa-plus',fillData:false">新增</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									<div class="img-box"><img class="" /></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</dd>
		</form>
		<div class="dialog-button">
			<a href="javascript:void(0)" class="x-linkbutton" data-options="xaction:'submit',iconCls:'fa fa-save'">保存</a>
			<a href="javascript:void(0)" class="x-linkbutton" data-options="xaction:'close',iconCls:'fa fa-close'">取消</a>
		</div>
	</div>
	<div class="x-dialog container-fluid" title="大对话框" data-options="xpopup:'large',width:800,modal:true,iconCls:'fa fa-th-list'">
		<form class="pure-box form-horizontal" method="POST">
			<dd>
				<div class="sub-title">
					<div class="bg">司机信息</div>
				</div>
				<div class="spacer-right">
					<div class="form-group">
						<div class="col-md-2 control-label">姓名</div>
						<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
						<div class="col-md-2 control-label">联系电话</div>
						<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="phone" data-options="required:true"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-2 control-label">出生日期</div>
						<div class="col-md-4 control-input"><input class="x-datebox" type="text" name="birthday" data-options="editable:false"/></div>
						<div class="col-md-2 control-label">性别</div>
						<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="gendar" data-options="editable:false"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-2 control-label">身份证号</div>
						<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="identityCode" data-options="editable:false"/></div>
						<div class="col-md-2 control-label">民族</div>
						<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="nation" data-options="editable:false"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-2 control-label">家庭住址</div>
						<div class="col-md-10 control-input"><input class="x-textbox" type="text" name="address" data-options=""/></div>
					</div>
				</div>
				<div class="sub-title">
					<div class="bg">入库信息</div>
				</div>
				<div class="spacer-right">
					<div class="form-group">
						<div class="col-md-2 control-label">智能卡号</div>
						<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-2 control-label">车牌号码</div>
						<div class="col-md-4 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
						<div class="col-md-2 control-label">供应商</div>
						<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="phone" data-options="required:true"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-2 control-label">运输方式</div>
						<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="birthday" data-options="editable:false"/></div>
						<div class="col-md-2 control-label">粮食产地</div>
						<div class="col-md-4 control-input"><input class="x-combobox" type="text" name="phone" data-options="required:true"/></div>
					</div>
				</div>
			</dd>
		</form>
		<div class="dialog-button">
			<a href="javascript:void(0)" class="x-linkbutton" data-options="xaction:'submit',iconCls:'fa fa-save'">保存</a>
			<a href="javascript:void(0)" class="x-linkbutton" data-options="xaction:'close',iconCls:'fa fa-close'">取消</a>
		</div>
	</div>
	<div class="x-dialog container-fluid" title="小对话框" data-options="xpopup:'normal',width:500,modal:true,iconCls:'fa fa-list'">
		<form class="pure-box form-horizontal" method="POST">
			<dd>
				<div class="spacer-right">
					<div class="form-group">
						<div class="col-md-4 control-label">姓名</div>
						<div class="col-md-8 control-input"><input class="x-textbox" type="text" name="name" data-options="required:true"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-4 control-label">联系电话</div>
						<div class="col-md-8 control-input"><input class="x-textbox" type="text" name="phone" data-options="required:true"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-4 control-label">出生日期</div>
						<div class="col-md-8 control-input"><input class="x-datebox" type="text" name="birthday" data-options="editable:false"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-4 control-label">性别</div>
						<div class="col-md-8 control-input"><input class="x-combobox" type="text" name="gendar" data-options="editable:false"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-4 control-label">身份证号</div>
						<div class="col-md-8 control-input"><input class="x-textbox" type="text" name="identityCode" data-options="editable:false"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-4 control-label">民族</div>
						<div class="col-md-8 control-input"><input class="x-combobox" type="text" name="nation" data-options="editable:false"/></div>
					</div>
					<div class="form-group">
						<div class="col-md-4 control-label">家庭住址</div>
						<div class="col-md-8 control-input"><input class="x-textbox" type="text" name="address" data-options="multiline:true,height:50"/></div>
					</div>
				</div>
			</dd>
		</form>
		<div class="dialog-button">
			<a href="javascript:void(0)" class="x-linkbutton" data-options="xaction:'submit',iconCls:'fa fa-save'">保存</a>
			<a href="javascript:void(0)" class="x-linkbutton" data-options="xaction:'close',iconCls:'fa fa-close'">取消</a>
		</div>
	</div>
</div>



<script src="<base:url href='assets/${pv.view}.js'/>"></script>
